<template>
  <div class="about">
    <var-collapse class="about-item" v-model="value">
      <var-collapse-item class="var-elevation--3" name="1">
        <template #title>API</template>
        <var-divider />
        <p>
          本项目气象数据来源于和风天气，且大部分接口均来自和风天气。调用定位的接口来自于高德地图。
        </p>
      </var-collapse-item>
      <var-collapse-item class="var-elevation--3" name="2">
        <template #title>关于</template>
        <var-divider />
        <p>
          这是一个基于Vue.js框架开发的天气web应用，在这里，您可以获得最及时、最精准的天气信息；包括实时天气信息、7天天气预报。我们会保证应用的不断更新，继续为您提供优质的服务！
        </p>
      </var-collapse-item>
    </var-collapse>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const value = ref([''])

// const changeHandle = (val) => {
//   console.log(val)
// }
</script>

<style lang="less" scoped>
.about {
  width: 60vw;
  height: 100vh;
  background-color: #f5f6f7;
}
.about-item {
  width: 100%;
}
</style>
